﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>活动详情</title>
    <link rel="stylesheet" href="/ViewMob/css/wxui.css?ver=1">
    <link href="//at.alicdn.com/t/font_qqztt1cpq09kke29.css" rel="stylesheet" />
    <link href="/ViewMob/js/layer/need/layer.css" rel="stylesheet" />
    <script src="/ViewMob/js/layer/layer.m.js"></script>
    <style>
        .page {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            opacity: 0;
            z-index: 1;
        }

            .page.js_show {
                opacity: 1;
            }

        .page__hd {
            padding: 34px;
            text-align: center;
            background: #4faeff url(../images/bg-account.jpg) 100% 100%;
            color: white;
        }

        .page__bd_spacing {
            padding: 0 15px;
        }

        .page__ft {
            padding-top: 40px;
            padding-bottom: 10px;
            text-align: center;
        }

            .page__ft img {
                height: 19px;
            }

            .page__ft.j_bottom {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

        .page__title {
            text-align: left;
            font-size: 18px;
            font-weight: 200;
        }

        .page__desc {
            margin-top: 5px;
            text-align: left;
            font-size: 16px;
        }

        .head-oneself {
            width: 4.5rem;
            height: 4.5rem;
            margin-left: 20px;
        }

            .head-oneself img {
                border: 2px solid rgba(0,0,0,.2);
            }



        .zt {
            background-color: lightgray;
            font-size: 20px;
            color: white;
        }

        .ybl {
            background-color: #10c55b;
            font-size: 20px;
            color: white;
        }

        .YZ {
            POSITION: absolute;
            RIGHT: 10PX;
            TOP: 10PX;
            FONT-SIZE: 70PX;
            COLOR: #ff0000;
            line-height: 70px;
        }

        .bl {
            POSITION: absolute;
            RIGHT: 20PX;
            TOP: 10PX;
            FONT-SIZE: 40PX;
            COLOR: lightgray;
            line-height: 70px;
        }

        .kx {
            background-color: #10c55b;
        }

        .rtable th, .rtable td {
            font-size: 10px;
        }

        .weui-media-box_appmsg .weui-media-box__hd {
            margin-right: .5em;
            font-size: 30px;
            text-align: center;
        }
    </style>
</head>
<body style="background-color: #f8f8f8;" ms-controller="HDINFO">
    <div class="page badge js_show">
        <div class="page__hd">
            <h1 class="page__title">北京大学校友2017迎新晚会</h1>
            <p class="page__desc">已结束</p>

        </div>
        <div class="page__bd">
            <div class="weui-cells" style="margin-top: 0px">
                <div class="weui-cell">
                    <div class="weui-cell__bd">活动时间</div>
                    <div class="weui-cell__ft" style="font-size: 0">
                        <span style="vertical-align: middle; font-size: 17px;">{{ta.bh}}</span>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">活动地点</div>
                    <div class="weui-cell__ft" style="font-size: 0">
                        <span style="vertical-align: middle; font-size: 17px;">{{ta.tarxbmc}}</span>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">发起人</div>
                    <div class="weui-cell__ft" style="font-size: 0">
                        <span style="vertical-align: middle; font-size: 17px;">{{ta.jsxbmc}}</span>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">人数</div>
                    <div class="weui-cell__ft" style="font-size: 0">
                        <span style="vertical-align: middle; font-size: 17px;">{{ta.japj}}</span>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">状态</div>
                    <div class="weui-cell__ft" style="font-size: 0">
                        <span style="vertical-align: middle; font-size: 17px;">{{ta.japj}}</span>
                    </div>
                </div>



            </div>




            <div class="weui-cells">
                <div class="weui-panel__hd">参加人员</div>
                <div class="weui-cell__bd" style="margin: 20px;">
                    {{ta.tasm|html}}
                </div>
            </div>
            <div class="weui-cells">
                <div class="weui-panel__hd">活动详情</div>
                <div class="weui-cell__bd" style="margin: 20px;">
                    {{ta.tasm|html}}
                </div>
            </div>

        </div>

    </div>
    <a href="javascript:;" id="bm"  class="weui-btn weui-btn_primary" style="margin: 20px">报名参加</a>
    <div class="js_dialog" id="divbm" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog" style="width: 96%; max-width: 1000px">
            <div class="weui-dialog__hd">
                <strong class="weui-dialog__title">报名参加<br />
                </strong>
            </div>

            <div class="weui-dialog__bd" style="padding-left: .6em; padding-right: .6em;">
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label class="weui-label">联系方式</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="number" placeholder="请输入联系方式" value="">
                        </div>
                    </div>
                </div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label class="weui-label">随行人数</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="number"  placeholder="请输入参加人数" value="1">
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default close" id="closejf">取消</a>
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary close" ms-click="qrjiaofei()">确认报名</a>
            </div>
        </div>
    </div>

    <script src="/ViewMob/js/zepto.min.js"></script>
    <script src="/ViewMob/js/avalon.mobile.js"></script>
    <script src="/ViewMob/js/ComFunJS.js"></script>

    <script>
        var model = avalon.define({
            $id: "HDINFO",
            ta: {},

        })        avalon.ready(function () {
            var bh = ComFunJS.getQueryString("bh");
            var $divbm = $('#divbm');
            $('#bm').on('click', function () {
                $divbm.fadeIn(200);
            });            $('#closejf').on('click', function () {
                $divbm.fadeOut(200);
            });
            //$.getJSON("/API/VIEWAPI.ashx?ACTION=GH_GHTABYBH", { P1: bh }, function (result) {
            //    if (result.Result.length == 0) {
            //        location.href = "UI_ERROR.html";
            //    } else {
            //        model.ta = result.Result[0];
            //    }
            //})
        })
    </script>
</body>
</html>
